﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link href="css/main.css" rel="stylesheet" type="text/css" />
<link href="css/column.css" rel="stylesheet" type="text/css" />
<link href="css/basic.css" rel="stylesheet" type="text/css" />
<title>小高网</title>
<script type="text/javascript" src="js/setHomeSetFav.js"></script>
<script type="text/javascript" src="js/myfocus-2.0.1.min.js" charset="utf-8"></script><!--引入myFocus库-->
<script type="text/javascript">
myFocus.set({
    id:'boxID',//焦点图盒子ID
    pattern:'mF_fancy',//风格应用的名称
    time:3,//切换时间间隔(秒)
    trigger:'click',//触发切换模式:'click'(点击)/'mouseover'(悬停)
    width:1000,//设置图片区域宽度(像素)
    height:310,//设置图片区域高度(像素)
    txtHeight:'default'//文字层高度设置(像素),'default'为默认高度，0为隐藏
});
</script>
</head>

<body>
<div class="top">
  <div class="top_content">
    <ul>
      <li><a href="#">联系我们</a></li>
      <li><a onclick="AddFavorite(window.location,document.title)" href="javascript:void(0)">加入收藏</a></li>
      <li><a onclick="SetHome(window.location)" href="javascript:void(0)">设为首页</a></li>
    </ul>
  </div>
</div>
<!--页面顶端top结束-->

<div class="wrap">
  <div  class="logo">
    <div class="logo_left"><img src="images/logo.jpg" /></div>
    <div class="logo_right"><img src="images/tel.jpg" width="28" height="28" />24小时服务热线：<span class="tel">113-588-7060</span></div>
  </div>
  <!--logo结束-->
  
  <div class="nav">
    <div  class="nav_left"></div>
    <div class="nav_mid">
      <div class="nav_mid_left">
        <ul>
          <li><a href="index.html">首页</a></li>
          <li><a href="ticket.html">学生动态</a></li>
          <li class="active"><a href="informations.html">课程中心</a></li>
          <li><a href="scenery.html">在线课程</a></li>
	  <li><a href="about.html">关于我们</a></li>
        </ul>
      </div>
      <!--nav_mid_left结束-->
      <div class="nav_mid_right">
        <form action="" method="post">
          <input type="text" class="search_text" />
          <!--<input type="text" class="search_text" x-webkit-speech />-->
        </form>
      </div>
      <!--nav_mid_right结束--> 
    </div>
    <!--导航主体nav_mid结束-->
    <div class="nav_right"></div>
  </div>
  <!--nav结束-->
		<div id="container">
		
	<div class="list information">
		<div class="infor">
			<ul class="left">
				<li><a href="###">限时特价</a></li>
				<li><a href="###">热门推荐</a></li>
			</ul>
			<ul class="right">
				<li><a href="###" class="selected">推荐</a></li>
				<li><a href="###">折扣</a></li>
				<li><a href="###">价格</a></li>
			</ul>
		</div>
		<figure class="tour">
			<img src="images/tour1.jpg" alt="HTML">
			<figcaption>
				<article>
					<header>
						<hgroup>
							<h2>HTML基础</h2>
							<h3>小高特惠，超丰富干货，升级vip，赠送600元代金券...</h3>
						</hgroup>
					</header>
					<ol>
						<li><mark>VIP</mark>：直击精髓</li>
						<li><mark>试用</mark>：入门...</li>
					</ol>
					<div class="buy">
						<div class="price">￥<strong>2864</strong> <s>¥1999</s></div>
						<div class="reserve"><a href="###">立即抢购</a></div>
					</div>
					<div class="type">HTML</div>
					<div class="disc"><span>4.7折</span></div>
					<footer>本期由小高赞助提供，截止于<time>2018-10-10</time></footer>
				</article>
			</figcaption>
		</figure>
		<figure class="tour">
			<img src="images/tour2.jpg" alt="Java入门">
			<figcaption>
				<article>
					<header>
						<hgroup>
							<h2>Java入门</h2>
							<h3>小高特惠，超丰富干货，升级vip，赠送600元代金券...</h3>
						</hgroup>
					</header>
					<ol>
						<li><mark>VIP</mark>：直击精髓</li>
						<li><mark>试用</mark>：入门...</li>
					</ol>
					<div class="buy">
						<div class="price">¥<strong>8039</strong> <s>¥9980</s></div>
						<div class="reserve"><a href="###">立即抢购</a></div>
					</div>
					<div class="type">JAVA</div>
					<div class="disc"><span>7.7折</span></div>
					<footer>本期由小高赞助提供，截止于<time>2018-10-10</time></footer>
				</article>
			</figcaption>
		</figure>	
		<figure class="tour">
			<img src="images/tour3.jpg" alt="MySQL">
			<figcaption>
				<article>
					<header>
						<hgroup>
							<h2>高级MySQL</h2>
							<h3>小高特惠，超丰富干货，升级vip，赠送600元代金券...</h3>
						</hgroup>
					</header>
					<ol>
						<li><mark>VIP</mark>：直击精髓</li>
						<li><mark>团期</mark>：入门...</li>
					</ol>
					<div class="buy">
						<div class="price">¥<strong>2709</strong> <s>¥3280</s></div>
						<div class="reserve"><a href="###">立即抢购</a></div>
					</div>
					<div class="type">MySQL</div>
					<div class="disc"><span>6.5折</span></div>
					<footer>本期由小高赞助提供，截止于<time>2018-10-10</time></footer>
				</article>
			</figcaption>
		</figure>	
		<figure class="tour">
			<img src="images/tour4.jpg" alt="C语言">
			<figcaption>
				<article>
					<header>
						<hgroup>
							<h2>C语言精通</h2>
							<h3>小高特惠，超丰富干货，升级vip，赠送600元代金券...</h3>
						</hgroup>
					</header>
					<ol>
						<li><mark>VIP</mark>：直击精髓</li>
						<li><mark>试用</mark>：入门...</li>
					</ol>
					<div class="buy">
						<div class="price">¥<strong>9499</strong> <s>¥9999</s></div>
						<div class="reserve"><a href="###">立即抢购</a></div>
					</div>
					<div class="type">C/C++</div>
					<div class="disc"><span>8.8折</span></div>
					<footer>本期由小高赞助提供，截止于<time>2018-10-10</time></footer>
				</article>
			</figcaption>
		</figure>
		<figure class="tour">
			<img src="images/tour5.jpg" alt="人工智能">
			<figcaption>
				<article>
					<header>
						<hgroup>
							<h2>人工智能</h2>
							<h3>小高特惠，超丰富干货，升级vip，赠送600元代金券...</h3>
						</hgroup>
					</header>
					<ol>
						<li><mark>VIP</mark>：直击精髓</li>
						<li><mark>试用</mark>：入门...</li>
					</ol>
					<div class="buy">
						<div class="price">¥<strong>9199</strong> <s>¥9999</s></div>
						<div class="reserve"><a href="###">立即抢购</a></div>
					</div>
					<div class="type">人工智能</div>
					<div class="disc"><span>9.2折</span></div>
					<footer>本期由小高赞助提供，截止于<time>2018-10-10</time></footer>
				</article>
			</figcaption>
		</figure>
		<figure class="tour">
			<img src="images/tour6.jpg" alt="移动开发">
			<figcaption>
				<article>
					<header>
						<hgroup>
							<h2>移动开发</h2>
							<h3>小高特惠，超丰富干货，升级vip，赠送600元代金券...</h3>
						</hgroup>
					</header>
					<ol>
						<li><mark>VIP</mark>：直击精髓</li>
						<li><mark>试用</mark>：入门...</li>
					</ol>
					<div class="buy">
						<div class="price">¥<strong>6488</strong> <s>¥8460</s></div>
						<div class="reserve"><a href="###">立即抢购</a></div>
					</div>
					<div class="type">移动开发</div>
					<div class="disc"><span>7.6折</span></div>
					<footer>本期由小高赞助提供，截止于<time>2018-10-10</time></footer>
				</article>
			</figcaption>
		</figure>
		<figure class="tour">
			<img src="images/tour7.jpg" alt="云计算">
			<figcaption>
				<article>
					<header>
						<hgroup>
							<h2>云计算</h2>
							<h3>小高特惠，超丰富干货，升级vip，赠送600元代金券...</h3>
						</hgroup>
					</header>
					<ol>
						<li><mark>VIP</mark>：直击精髓</li>
						<li><mark>试用</mark>：入门...</li>
					</ol>
					<div class="buy">
						<div class="price">¥<strong>9669</strong> <s>¥9999</s></div>
						<div class="reserve"><a href="###">立即抢购</a></div>
					</div>
					<div class="type">云计算</div>
					<div class="disc"><span>9.6折</span></div>
					<footer>本期由小高赞助提供，截止于<time>2018-10-10</time></footer>
				</article>
			</figcaption>
		</figure>
	
		<div class="more">加载更多...</div>
	</div>
	</div>
<div class="copyright">
  <div class="copyright_content">
    <ul>
      <li>关于
        <ul>
          <li>品牌故事</li>
          <li>联系我们</li>
          <li>加入我们</li>
          <li>版权声明</li>
        </ul>
      </li>
      <li>课程
        <ul>
          <li>PHP开发</li>
          <li>前端开发</li>
          <li>JAVA开发</li>
          <li>Android开发</li>
        </ul>
      </li>
      <li>关注
        <ul>
          <li>新浪微博</li>
          <li>腾讯微博</li>
          <li>企业微信</li>
          <li>QQ空间</li>
        </ul>
      </li>
      <li>留言
        <ul>
          <li>意见反馈</li>
          <li>问题留言</li>
          <li>媒体联络</li>
          <li>在线客服</li>
        </ul>
      </li>
      <li><img src="images/weixin.png" alt="微信关注" width="30" height="27" />微信关注
        <ul>
          <li><img src="images/qrcode.jpg" alt="扫描关注慕课网官方微信" width="102" height="102" /></li>
        </ul>
      </li>
    </ul>
  </div>
  <!--copyright_content结束--> 
</div>
</body>
</html>
